    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="assets/css/normalize.css">
    <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/flexible-bootstrap-carousel.css" />
    <link rel="stylesheet" href="css/bootstrap-select.min.css">
    <link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
    <!-- navigation -->
    <nav class="navbar navbar-dark navbar-fixed-top" id="mainNav" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle navbar-menu" data-toggle="collapse" data-target="#navbar-collapse-example">
                    <span class="sr-only">Toggle-navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse nav-menu" id="navbar-collapse-example">
                <ul class="nav navbar-nav">
                    <li class="nav-item"><a href="#project" class="nav-link">xx</a></li>
                    <li class="nav-item"><a href="#about" class="nav-link">xx</a></li>
                    <li class="nav-item"><a href="contact.html" class="nav-link">xx</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- header -->
    <video  class="" src="video/background.mp4" autoplay="autoplay" loop="loop" muted="muted" > </video>
   	<header class="masthead">
        <div class="container text-center" >
            <p class="welcome-info-in">xxxx</p>
            <p class="welcome-info">xxxxx</p>
            <a class="btn btn-default more" href="#information">xx</a>	
   		</div>
    </header>
    <!-- Project -->
    <section id="project" class="content">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading" >xx</h2>
                    <h4 class="section-subheading">xxxxx</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="jiandie.html" class="prj-link"   >
                        <div class="project-item-hover" >
                            <span class="fa fa-plus fa-3x" ></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name">xxxx</h3>
                        <p class="text-muted">xxxxx</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="mingzi.html" class="prj-link"  >
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name">xxxx</h3>
                        <p class="text-muted">xxxxxxx</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="xiaoying.html" class="prj-link">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="haimian.html" class="prj-link">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="zhoushu.html" class="prj-link">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a href="heizhishi.html" class="prj-link">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a class="prj-link" href="#" data-toggle="modal" data-target="#prjModal7">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a class="prj-link" href="#" data-toggle="modal" data-target="#prjModal8">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 project-item">
                    <a class="prj-link" href="#" data-toggle="modal" data-target="#prjModal9">
                        <div class="project-item-hover">
                            <span class="fa fa-plus fa-3x"></span>
                        </div>
                        <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;">
                    </a>
                    <div>
                        <h3 class="prj-name"></h3>
                        <p class="text-muted"></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="examples">
        <div class="container">
            <div class="carousel-example">
                <!-- FLEXIBLE BOOTSTRAP CAROUSEL -->
                <div id="simple-content-carousel" class="carousel flexible slide" data-ride="carousel" data-interval="5000" data-wrap="true">
                    
                    <div class="items">
                        <div class="flex-item">
                            <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;"/>
                        </div>
                    
                        <div class="flex-item">
                            <img class="img-responsive" src="" style="width: 400px;height:215px ;"/>
                        </div>
                        
                        <div class="flex-item">
                            <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;"/>
                        </div>
                        
                        <div class="flex-item">
                            <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;"/>
                        </div>
                        
                        <div class="flex-item">
                            <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;"/>
                        </div>
                        
                        <div class="flex-item">
                            <img class="img-responsive" src=".jpg" style="width: 400px;height:215px ;"/>
                        </div>
                    </div>
                    
                    <div class="carousel-inner" role="listbox">
                        
                    </div>
                    
                    <a class="left carousel-control" href="#simple-content-carousel" role="button" data-slide="prev">
                        <span class="fa fa-angle-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#simple-content-carousel" role="button" data-slide="next">
                        <span class="fa fa-angle-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
            
    
        </div>
    </section>
    <!-- About -->
    <section id="about" class="content">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading"></h2>
                    <h4 class="section-subheading"></h4>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                    <div class="text-center member">
                        <img class="circle-img" src=".jpg">
                       <a href="aniya.html"><h3></h3></a> 
                        <p class="text-muted"></p>
                        
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="text-center member">
                        <img class="circle-img" src=".jpg">
                        <a href="aqi.html"><h3></h3></a> 
                        <p class="text-muted"></p>
                       
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="text-center member">
                        <img class="circle-img" src=".jpg">
                        <a href="muzhibenyin.html"><h3></h3></a> 
                        <p class="text-muted"></p>
                       
                    </div>
                </div>
            </div>
           
        </div>
    </section>
    
   
    <div class="modal fade" id="prjModal7" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog" >
            <div class="modal-content">
            	
                <div class="close" data-dismiss="modal" aria-hidden="true">&times;</div>
                <div class="container" >
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body text-center">
                                <h2></h2>
                                <p class="text-muted"></p>
                                <img class="img-responsive" src="images/project/prj7-full.jpg">
                                <p></p>
                                <ul class="list-unstyled">
                                    <li></li>
                                </ul>
                                <button class="btn btn-primary" type="button" data-dismiss="modal">
                                    <i class="fa fa-times"></i>
                                    返回
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
    <script src="assets/jquery/jquery-3.2.1.js"></script>
    <script src="assets/bootstrap/js/bootstrap.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/flexible-bootstrap-carousel.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</body>
</html>